<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>发布服务</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="pubservice">
    <div id="header" style="height: 50px;"></div>
    <div data-pubservice="bg">
        <div class="container">
            <h2>发布服务</h2>
            <form class="form-horizontal">
                <div data-pubservice="fomecontainer">
                    <div class="form-group">
                        <label class="col-sm-3 control-label"><span data-form="must"></span>服务名称：</label>
                        <div class="col-sm-9">
                            <input class="form-control" name="severName" placeholder="4-20个字" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label"><span data-form="must"></span>酬劳模式：</label>
                        <div class="col-sm-9">
                            <input class="form-control" name="payPractices" placeholder="例如：每分钟1-3万" />
                        </div>
                    </div>
                    <div class="form-group" data-pubservice="textarea">
                        <label class="col-sm-3 control-label"><span data-form="must"></span>服务详情：</label>
                        <div class="col-sm-9">
                            <!--<input type="password" class="form-control" id="inputPassword4" placeholder="10-140个字" />-->
                            <textarea name="severDetails"  placeholder="10-140个字"></textarea>
                        </div>
                    </div>
                    <div class="form-group" data-demdetpub="pubservice_file">
                        <label class="col-sm-3 control-label">上传代表作品：</label>
                        <div class="col-sm-9" id="pubservice_file">
                            <!-- 上传新作品 -->
                            <div data-pubservice="addfile">
                                <input type="file" id="pubservice_upfile" style="height:120px;"  />
                                <b></b>
                            </div>
                            <!-- 视频文件格式 -->
                            <div data-pubservice="videofile">
                                <img src="static/images/pc/demand/1.jpg" alt="" />
                                <div class="zcbl-videoicon"><b></b></div>
                                <span data-pubservice="close" data-toggle="modal" data-target="#pubservice_close"></span>
                            </div>
                            <!-- 音频文件格式 -->
                            <div data-pubservice="audiofile">
                                <img src="static/images/pc/demand/2.jpg" alt="" />
                                <div class="zcbl-audioicon"><b></b></div>
                                <span data-pubservice="close" data-toggle="modal" data-target="#pubservice_close"></span>
                            </div>
                            <!-- 图片文件格式 -->
                            <div data-pubservice="imgfile">
                                <img src="static/images/pc/demand/1.jpg" alt="" />
                                <b></b>
                                <span data-pubservice="close" data-toggle="modal" data-target="#pubservice_close"></span>
                            </div>
                        </div>
                        <p>目前代表作品的格式只支持：jpg、png、MP3、MP4最多上传3个</p>
                    </div>
                    <div class="form-group" data-pubservice="footer">
                        <div class="col-sm-offset-3 col-sm-9">
                            <button type="button" data-btn="tranbgbtn"  onclick="javascript:window.history.back(-1);">取消</button>
                            <button type="button" data-btn="orbgbtn" data-toggle="modal" data-target="#pubservice_success">发布</button>

                        </div>
                    </div>
                </div>
            </form>
        </div>




        <!-- 摸态框  -->
        <!--  需求发布成功  -->
        <div class="modal fade" data-backdrop="static" id="pubservice_success"  aria-hidden="true">
            <div class="zcbl-modal-2">
                <h2 class="zcbl-modal-success">需求发布成功</h2>
                <p class="zcbl-modal-desc">3秒后自动跳转到需求详情页</p>
            </div>
        </div>


        <!--    作品删除    -->
        <div class="modal fade" id="pubservice_close"  aria-hidden="true">
            <div class="zcbl-modal-2">
                <h2 class="zcbl-modal-blue">作品删除成功</h2>
            </div>
        </div>

    </div>

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
</body>
</html>